import React, { useEffect } from 'react';
// import logo from './logo.svg';
import './App.css';

import { RedButton } from '@my/base-ui';
import { getAge, getNowTime } from 'custom-utils';

import { addFun } from '@pkg/util-lib';
import { CustomView } from './pages';

// import DownloadPdf from './components/DownloadPdf';
// import DownloadPdf from './components/DownloadPdf';
// import Pdfmake from './components/Pdfmake';

function App() {
  useEffect(() => {
    // console.group('test comp');
    // const nowTime = new Date().getTime();
    console.log('custom-utils 工具库测试', getAge());
    // console.log('现在的时间', getNowTime() - nowTime);
    // console.groupEnd();
  }, []);

  return (
    <div className='App'>
      <header className='App-header'>
        {/* <img src={logo} className='App-logo' alt='logo' /> */}
        ts app 1
        <RedButton name='测试！！！' />
        <RedButton />
        <RedButton />
        {/* <DownloadPdf />
        <Pdfmake /> */}
        <div>
          <span>现在时间：</span>
          {getNowTime()}
        </div>
        <ul>
          <li>1</li>
        </ul>
        <button onClick={() => addFun(1)}>util-lib</button>
        <CustomView />
      </header>
    </div>
  );
}

export default App;
